<script type="text/javascript" src="/piger/system/userDetail.js"></script>
<div id="userDetail">
    <form id="userDetail-form" class="layui-form" lay-filter="userDetail-form">
        <div id="userDetailContent">
            <div class="cms-form-middle">
                <div>
                    <div class="cms-form-item">
                        <label class="layui-form-label" style="width: 120px"><i style="color:red">* </i>帐户姓名</label>
                        <div class="layui-input-block" style="margin-left: 150px">
                            <input type="text" name="name" class="layui-input cms-single-line" lay-verify="required" lay-verType="tips" placeholder="请输入帐户姓名" maxlength="20" autocomplete="off">
                        </div>
                    </div>
                    <div id="userDetail-div-username" class="cms-form-item">
                        <label class="layui-form-label" style="width: 120px"><i style="color:red">* </i>手机号码</label>
                        <div class="layui-input-block" style="margin-left: 150px">
                            <input id="userDetail-input-username" type="text" name="username" class="layui-input cms-single-line" lay-verify="required|phone" lay-verType="tips" placeholder="请输入手机号码" maxlength="11" autocomplete="off">
                        </div>
                    </div>
                    <div id="userDetail-div-phone" class="cms-form-item">
                        <label class="layui-form-label" style="width: 120px"><i style="color:red">* </i>联系方式</label>
                        <div class="layui-input-block" style="margin-left: 150px">
                            <input id="userDetail-input-phone" type="text" name="phone" class="layui-input cms-single-line" lay-verify="required|phone" lay-verType="tips" placeholder="请输入联系方式" maxlength="15" autocomplete="off">
                        </div>
                    </div>
                    <div id="userDetail-div-createDate" class="cms-form-item" hidden>
                        <label class="layui-form-label" style="width: 120px">创建时间</label>
                        <div class="layui-input-block" style="margin-left: 150px">
                            <input type="text" name="createDate" class="layui-input cms-single-line" readonly="readonly">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width: 120px"><i style="color:red">* </i>关联角色</label>
                        <div id="userDetail-div-roles" class="layui-input-block"></div>
                    </div>
                    <div id="userDetail-div-lastLogin" class="cms-form-item" hidden>
                        <label class="layui-form-label" style="width: 120px">最近登录时间</label>
                        <div class="layui-input-block" style="margin-left: 150px">
                            <input type="text" name="lastLogin" class="layui-input cms-single-line" readonly="readonly">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div align="center" style="padding-top: 10px">
            <button type="button" class="layui-btn layui-btn-primary cms-btn-width cms-hidden" lay-submit lay-filter="userDetail-btn-add">添加</button>
            <button type="button" class="layui-btn cms-btn-width cms-hidden" lay-submit lay-filter="userDetail-btn-modify">确定</button>
        </div>
    </form>
</div>